<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>login</title>
    <!-- <link rel="stylesheet" href="../../dist/css/mypetstore.css"> -->
</head>

<body>
    <%= require('./common/header.htm')%>
        <div id="Content">
            <div id="Catalog">
                <%= require('./account/account-signup.htm')%>

                    <div id="login">
                        <div id="tab">
                            <ul>
                                <li id="imageVerifyLi">密码登录</li>
                                <!-- 删除短信登录选项 -->
                                <!-- <li id="phoneVerifyLi">短信登录</li> -->
                            </ul>
                            <div id="passwordLogin">
                                <br>
                                <!-- Please enter your username and password. -->   
                                <table>
                                    <tbody>
                                        <tr>Please enter your username and password.</tr>
                                        <tr>
                                            <td> Username:</td>
                                            <td><input type="text" id="username" name="username" placeholder="username"></td>
                                        </tr>
                                        <tr>
                                            <td> Password:</td>
                                            <td><input type="password" id="password" name="password" placeholder="password"></td>
                                        </tr>
                                        <tr>
                                            <td id="verifyImgTd">
                                                <!-- 🎨 Canvas 验证码 -->
                                                <canvas id="captchaCanvas" width="120" height="40" style="border:1px solid #ccc;vertical-align: middle;"></canvas>
                                                <button type="button" id="refreshCaptcha" style="margin-left:8px; vertical-align: middle;">看不清？换一张</button>
                                            </td>
                                            <td><input id="imageCode" type="text" placeholder="请输入验证码"></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <!-- 删除短信登录功能块 -->
                            <!-- <div id="phoneLogin" style="display: none;">
                                   <br>
                                   Please enter your phone number and get your email.
                                   <table>
                                        <tbody>
                                            <tr>Please enter your phone number and get your email.</tr>
                                            <tr>
                                                <td colspan="2">
                                                    <input type="text" placeholder="请输入手机号" autocomplete="off" id="memPhone" name="memPhone">
                                                </td>
                                            </tr>
                                            <tr>
                                                <td><input type="text" placeholder="请输入验证码" autocomplete="off" id="mcode" name="mcode"></td>
                                                <td><input type="button" value="获取验证码" id="sendBtn" style="border-color:#1e9fff !important;"></td>
                                            </tr>
                                        </tbody>
                                   </table>
                                 </div> -->
                        </div>

                        <div>
                            <input type="submit" id="signon" name="signon" value="Login" />
                        </div>



                        Need a user name and password? <a href="#" id="signup">Register
                            Now!</a>
                    </div>

            </div>
        </div>
        <%= require('./common/footer.htm')%>
            <script src="login.js"></script>
</body>

</html>